<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.101.0">
    <title>MENU</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/4.6/examples/checkout/">
    <!-- Bootstrap core CSS -->
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="./css/form-validation.css" rel="stylesheet">
    <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
</head>

<body class="bg-light">
    
    <!-- 轮播 -->
    <div id="demo" class="carousel slide" data-bs-ride="carousel">
    
            <!-- 指示符 -->
        <div class="carousel-indicators" >
            <button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="3"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="4"></button>
        </div>
        
        <!-- 轮播图片 -->
        <div class="carousel-inner" >
            <div class="carousel-item active">
                <img decoding="async" src="image/beihang1.jpg" class="d-block" style="width: 85%; max-height:200px">
            </div>
            <div class="carousel-item">
                <img decoding="async" src="image/beihang2.jpg" class="d-block" style="width: 85%; max-height:200px">
            </div>
            <div class="carousel-item">
                <img decoding="async" src="./image/wenhao1.jpg" class="d-block" style="width: 85%; max-height:200px">
            </div>
            <div class="carousel-item">
                <img decoding="async" src="./image/wenhao2.jpg" class="d-block" style="width: 85%; max-height:200px">
            </div>
            <div class="carousel-item">
                <img decoding="async" src="./image/wenhao3.jpg" class="d-block" style="width: 85%; max-height:200px">
            </div>
        </div>
        
        <!-- 左右切换按钮 -->
        <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
            <span class="carousel-control-prev-icon"></span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
            <span class="carousel-control-next-icon"></span>
        </button>
    </div>

    <div class="row">
        <div class="col-md-6"  style="background-color: rgb(243, 240, 240);">
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-10">
                    <h1>目标<label class="text-primary">北航！！</label>不负韶华！！</h1>
                </div>
            </div>
            <p></p>   
            <p></p>   
            <p></p>   
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-2">
                    <a href="http://localhost:9091/chi/chineseInit"><img src="./image/yuwen.jpg" alt="语文"></a>
                </div>
                <div class="col-md-2">
                    <a href="http://localhost:9091/mat/mathsInit"><img src="./image/shuxue.jpg" alt="数学"></a>
                </div>        
                <div class="col-md-2">
                    <a href="http://localhost:9091/eng/englishInit"><img src="./image/yingyu.jpg" alt="英语"></a>
                </div>
            </div>
            <p></p>
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-2">
                    <a href="http://localhost:9091/phy/physicsInit"><img src="./image/wuli.jpg" alt="物理"></a>
                </div>
                <div class="col-md-2">
                    <a href="http://localhost:9091/che/chemistryInit"><img src="./image/huaxue.jpg" alt="化学"></a>
                </div>
                <div class="col-md-2">
                    <a href="http://localhost:9091/bio/biologyInit"><img src="./image/shengwu.jpg" alt="生物"></a>
                </div>
            </div> 
            <p></p>  
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-2">
                    <a href="http://localhost:9091/geo/geographyInit"><img src="./image/dili.jpg" alt="地理"></a>
                </div>
                <div class="col-md-2">
                    <a href="http://localhost:9091/pol/politicsInit"><img src="./image/zhengzhi.jpg" alt="政治"></a>
                </div>
                <div class="col-md-2">
                    <a href="http://localhost:9091/his/historyInit"><img src="./image/lishi.jpg" alt="历史"></a>
                </div>
            </div>
            <hr style="border:3 double #987cb9" width="100%" color=#987cb9 SIZE=4>
            <div class="row">    
                <div class="col-md-1"></div>
                <div class="col-md-10" style="background-color: rgb(243, 240, 240);">
                    <p>《为学》</p>
                    <pre>        --彭端淑 </pre>
                    <p>天下事有难易乎？为之，则难者亦易矣；不为，则易者亦难矣。</p>
                    <p>人之为学有难易乎？学之，则难者亦易矣；不学，则易者亦难矣。</p>
                    <p>吾资之昏，不逮人也；吾材之庸，不逮人也；旦旦而学之，久而不怠焉，迄乎成，而亦不知其昏与庸也。</p>
                    <p>吾资之聪，倍人也；吾材之敏，倍人也；屏弃而不用，其与昏与庸无以异也。</p>
                    <p>圣人之道，卒于鲁也传之。然则昏庸聪敏之用，岂有常哉！</p>
                    <p>蜀之鄙，有二僧：其一贫，其一富。贫者语于富者曰："吾欲之南海，何如？" 富者曰："子何恃而往？" 曰："吾一瓶一钵足矣。"</p>
                    <p>富者曰："吾数年来欲买舟而下，犹未能也，子何恃而往！" 越明年，贫者自南海还，以告富者 。</p>
                    <p>富者有惭色。 西蜀之去南海，不知几千里也，僧富者不能至而贫者至焉，人之立志，顾不如蜀鄙之僧哉？</p>
                    <p>是故聪与敏，可恃而不可恃也；自恃其聪与敏而不学者，自败者也 。</p>
                    <p>昏与庸，可限而不可限也；不自限其昏与庸而力学不倦者，自力者也。</p>
                </div>
            </div>     
        </div>
        <div class="col-md-6">
            <img src="./image/jiayou4.jpg" width="80%" height="70%">
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="../assets/js/vendor/jquery.slim.min.js"><\/script>')</script>
    <script src="../assets/dist/js/bootstrap.bundle.min.js"></script>
    

</body>

</html>